import { StyleSheet } from 'react-native';
import { SCREEN_WIDTH } from "../../constant";
import { autoSize } from "./common";
export const loginStyles = StyleSheet.create({
    provision: {
        width: SCREEN_WIDTH * 0.5,
        textAlign: 'center',
        fontSize: 12,
        color: '#666'
    },
    middle: {
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        paddingVertical: 20,
    },
    forgetPwd: {
        display: 'flex',
        marginBottom: 20,
    },
    forgetPwdText: {
        fontSize: 12,
        color: '#666'
    }
});
export const forgetPwdStyles = StyleSheet.create({
    card: {
        margin: 40,
        padding: 20,
        height: autoSize(269),
        borderWidth: 0.5,
        borderColor: '#A6A6A6',
        backgroundColor: '#fff',
        shadowOffset: { width: 5, height: 5 },
        shadowOpacity: 0.3,
        shadowRadius: 1,
        shadowColor: '#000',
        display: 'flex',
        justifyContent: 'space-around'
    },
    input: {
        width: autoSize(222),
        height: autoSize(40),
        borderWidth: 0.5,
        borderColor: '#87C3F3',
        paddingLeft: 10,
    },
    reset: {
        backgroundColor: '#FCB450',
        width: autoSize(67),
        height: autoSize(30),
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
    },
    login: {
        backgroundColor: '#232323',
        width: autoSize(67),
        height: autoSize(30),
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
    },
    btnText: {
        color: '#fff',
        fontSize: 13,
    }
});
